html {
  * {
    box-sizing: border-box;
  }
  body {
    font-family: "Exo2-SemiBold";
    #app {
      position: relative;
      ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      a {
        text-decoration: none;
        color: #000000;
      }

      /* 自定义样式 */
      .panel-bg {
        background: #FDF8F8;
        position: relative;
        border: 10px solid #000000;
        border-radius: 30px;
        > * {
          position: relative;
        }
        &::before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          border: 10px solid transparent;
          border-radius: 20px;
          background-clip: padding-box, border-box;
          background-origin: padding-box, border-box;
          background-image: linear-gradient(to right, #FDF8F8, #FDF8F8), linear-gradient(to left, #FB9B33, #EA5DFD);
        }
      }

      .text-underline {
        color: black; /* 文字颜色为黑色 */
        text-decoration: underline; /* 添加下划线 */
        text-decoration-color: transparent; /* 隐藏默认下划线颜色 */
        background-image: linear-gradient(to right, #EA5CFF, #FB9B33); /* 使用渐变色作为   下划线 */
        background-position: 0 90%; /* 下划线位置在文字底部90%处 */
        background-size: 100% 10%; /* 下划线高度为文字大小的10% */
        background-repeat: no-repeat; /* 避免重复 */
      }

      .el-backtop {
        --el-backtop-bg-color: #000102;
        --el-backtop-text-color: #ffffff;
        --el-backtop-hover-bg-color: #000102;
      }


    }
  }
}

@font-face {
  font-family: "Exo2-SemiBold";
  src: url("@/font/Exo2-SemiBold.ttf");
}

@font-face {
  font-family: "MontserratAlternates-SemiBoldItalic";
  src: url("@/font/MontserratAlternates-SemiBoldItalic.ttf");
}

@font-face {
  font-family: "MontserratAlternates-BlackItalic";
  src: url("@/font/MontserratAlternates-BlackItalic.ttf");
}

@font-face {
  font-family: "Saira-Black";
  src: url("@/font/Saira-Black.ttf");
}

@media (min-width: 1600px) {
}
